<template>
  <div>
    <div class="m-4 border grid grid-cols-4 grid-rows-[200px]">
      <div ref="zhexian" class=""></div>
    </div>
  </div>
</template>

<script setup lang="ts">
import * as echarts from "echarts";
import { zhexianOption, zhuzhuangOption } from "./data";
const zhexian = ref();
onMounted(() => {
  const chart = echarts.init(zhexian.value);
  chart.setOption(zhuzhuangOption);
});
</script>

<style scoped></style>
